<template>
  <div>
    <Dog v-for="(obj, index) in arr"
    :key="index"
    :imgurl="obj.dogImgUrl"
    :dogname="obj.dogName"
    ></Dog>
  </div>
</template>

<script>
import Dog from '@/components/practise/Dog3'
export default {
  data() {
    return {
      // 1. 准备数据
      arr: [
        {
          dogImgUrl:"自己找下网上图片链接",
          dogName: "博美",
        },
        {
          dogImgUrl:"自己找下网上图片链接",
          dogName: "泰迪",
        },
        {
          dogImgUrl:"自己找下网上图片链接",
          dogName: "金毛",
        },
        {
          dogImgUrl:"自己找下网上图片链接",
          dogName: "哈士奇",
        },
        {
          dogImgUrl:"自己找下网上图片链接",
          dogName: "阿拉斯加",
        },
        {
          dogImgUrl:"自己找下网上图片链接",
          dogName: "萨摩耶",
        },
      ],
    };
  },
  components: {
    Dog
  }
};
</script>